<!DOCTYPE html>
<html>
<head>
    <title>AI舌诊系统</title>
    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
</head>
<body>
    <div class="container">
        <h1>AI舌诊分析系统</h1>
        
        <div class="camera-box">
            <video id="video" autoplay></video>
            <canvas id="canvas" style="display:none;"></canvas>
            
            <div class="controls">
                <button id="capture" class="btn">拍摄舌象</button>
                <input type="file" id="upload" accept="image/*" class="btn">
            </div>
        </div>

        <div id="result" class="result-box">
            <div class="loading" style="display:none;">分析中...</div>
            <div id="classResult"></div>
            <div id="adviceResult"></div>
        </div>
    </div>

    <script src="{{ url_for('static', filename='js/main.js') }}"></script>
</body>
</html>